import React, { Component } from 'react'
import queryString from 'querystring';

export default class GoodsDetail extends Component {
  componentDidMount() {
    // 整理url中的查询参数，将字符串转成对象
    let data = new URLSearchParams(this.props.location.search)
    console.log(data.get('age'));
    console.log(data.get('sex'));
    // ===========================
    // npm install querystring -S
    // str.slice方法的一个参数是开始截取的位置，第二个参数是结束的位置，如果没有第二个参数，就截取到最后
    let info = queryString.parse(this.props.location.search.slice(1));
    console.log(info);
  }
  render() {
    return (
      <div>
        <p>商品详情---{this.props.match.params.name}</p>
        <hr></hr>
        <div>问号后面的数据：{this.props.location.search}</div>
      </div>
    )
  }
}
